<template>
	<view>
		<l-echart ref="chart" @finished="init"></l-echart>
	</view>
</template>

<script>
import * as echarts from 'echarts'
	//-------------按需引入结束------------------------
	import LEchart from '@/uni_modules/lime-echart/components/l-echart/l-echart.vue';
	export default {
		components: {
			LEchart
		},
		data() {
			return {
				option:{},
				}
		},

		// 组件能被调用必须是组件的节点已经被渲染到页面上
		// 1、在页面mounted里调用，有时候mounted 组件也未必渲染完成
		mounted() {
			// init(echarts, theme?:string, opts?:{}, chart => {})
			// echarts 必填， 非nvue必填，nvue不用填
			// theme 可选，应用的主题，目前只支持名称，如：'dark'
			// opts = { // 可选
			//  locale?: string  // 从 `5.0.0` 开始支持
			// }
			// chart => {} ， callback 必填，返回图表实例
			// this.$refs.chart.init(echarts, chart => {
			// 	chart.setOption(this.option);
			// });
		},
		// 2、或者使用组件的finished事件里调用
		methods: {
			init() {
				this.$refs.chart.init(echarts, chart => {
					chart.setOption(this.option);
				});
			},setOption(op){
				this.$refs.chart.init(echarts, chart => {
					chart.setOption(op);
				});
				console.log("KKKKKKKKKKKKKKKKKKKKKKKKKKKKKK",op)
			}
		}
	}
</script>

<style>
</style>
